<section id="config-complete">
  <div class="mlr-24 mb-20">
    <hl-page-header title="系统配置"></hl-page-header>
    <div class="mt-5">
      <div class="title">招商配置</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">所属行业</span>
            <span class="pull-right hide-show-li cursor" @click="goItyUrl"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b" v-if="quanxian.indexOf('c367') > -1">
            <span class="pull-left">场地配置</span>
            <span class="pull-right hide-show-li cursor" @click="goLcPlace"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">招商渠道</span>
            <span class="pull-right hide-show-li cursor" @click="goBusiness"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">过程管理</span>
            <span class="pull-right hide-show-li cursor" @click="goItyUrl2"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">自定义字段</span>
            <span class="pull-right hide-show-li cursor" @click="goItyUrl1"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
					<li class="clearfix line-height-45 border-b" v-if="quanxian.indexOf('c358') > -1">
					  <span class="pull-left">访客单类型</span>
					  <span class="pull-right hide-show-li cursor" @click="toConfigPage1"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
					</li>
					<li class="clearfix line-height-45 border-b">
					  <span class="pull-left">意向面积</span>
					  <span class="pull-right hide-show-li cursor" @click="toConfigPage2"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
					</li>
					<li class="clearfix line-height-45 border-b">
					  <span class="pull-left">流失客户原因</span>
					  <span class="pull-right hide-show-li cursor" @click="toLsCustomer"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
					</li>
					<li class="clearfix line-height-45 border-b" v-if="quanxian.indexOf('c368') > -1">
					  <span class="pull-left">客户数据隔离</span>
            <div class="inline ml-5 relative init-hover">
              <span class="icon-Gm-explain cursor color-999"></span>
              <div class="init-tips" class="color-999">
                打开开关时，客户数据针对创建人、对接人相互隔离，但同一部门负责人、直属上级部门以及特定部门可见。关闭开关时，全员可见。
              </div>
            </div>
            <div class="pull-right cursor" style="margin-top: 15px;">
              <hl-switch :active="active" @switchactive="switchActive"></hl-switch> 
            </div>
					</li>
        </ul>
      </div>
    </div>

    <div class="mt-5" v-if="quanxian.indexOf('c289') > -1">
      <div class="title">市场拓展配置</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">市场拓展渠道</span>
            <span class="pull-right hide-show-li cursor" @click="goTo_M_channel"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">过程管理</span>
            <span class="pull-right hide-show-li cursor" @click="goTo_M_process"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">自定义字段</span>
            <span class="pull-right hide-show-li cursor" @click="goTo_M_custom"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>					
        </ul>
      </div>
    </div>

    <div class="mt-15">
      <div class="title">资源配置</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">配套设施</span>
            <span class="pull-right hide-show-li cursor" @click="goFcsUrl"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b">
              <span class="pull-left">费项计量单位</span>
              <span class="pull-right hide-show-li cursor" @click="goTo_Unit"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>
					<li class="clearfix line-height-45 border-b">
					    <span class="pull-left">装修水平</span>
					    <span class="pull-right hide-show-li cursor" @click="nmslToDebiLevel"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
					</li>
					<li class="clearfix line-height-45 border-b">
					    <span class="pull-left">装修状态</span>
					    <span class="pull-right hide-show-li cursor" @click="nmslToDebiType"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
					</li>
        </ul>
      </div>
    </div>

    <div class="mt-15">
      <div class="title">流程全局配置</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">流程撤回</span>
            <span class="pull-right hide-show-li cursor" @click="workFlag = !workFlag"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>					
        </ul>
        <div class="ptb-10" style="background:#f7f7f7;" v-if="workFlag">
          <div class="clearfix" v-for="(item, index) in wrokList" v-if="item.flag">
            <div class="pull-left line-height-34 ml-24" style="width: 142px;">{{item.name}}</div>
            <div class="pull-left">
              <ul class="cr-type-select clearfix">
                <li :class="{active: item.value == item1.code}" v-for="(item1, index1) in offOn" style="padding: 0 0 0 18px;" @click="postWorkconfig(index, item1.code)">{{item1.name}}</li>
              </ul>
            </div>
          </div>
        </div>

  
  
    
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">意向书流程开启</span>
            <span class="pull-right hide-show-li cursor" @click="workFlag1 = !workFlag1"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>					
        </ul>
        <div class="ptb-10 pl-24" style="background:#f7f7f7;" v-if="workFlag1">
          <hl-radio :data="options1" v-model="selected1" @on-click='selectTintentBpmConfig'></hl-radio>
        </div>


        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">账单提交流程开启</span>
            <span class="pull-right hide-show-li cursor" @click="workFlag2 = !workFlag2"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>					
        </ul>
        <div class="ptb-10" style="background:#f7f7f7;" v-if="workFlag2">
          <div class="dy-flex" style="align-items: center;">
            <div class="pull-left line-height-34 ml-24" style="width: 142px;">账单提交流程开启</div>
            <hl-radio :data="options2" v-model="selected2" @on-click="selectTbillBpmConfig"></hl-radio>
          </div>
          <div class="ml-24">
            <div class="dy-flex"  style="height: 34px;align-items: center;" v-if="selected2 +'' == 'Y'">
              <hl-checkbox :data="options3" v-model="selected3" @on-click="selectTbillBpmConfig" ></hl-checkbox>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="mt-15">
      <div class="title">租控配置</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">即将履约</span>
            <span class="pull-right hide-show-li cursor" @click="rentConfig = !rentConfig"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>					
        </ul>
        <div class="ptb-10" style="background:#f7f7f7;" v-if="rentConfig">
          <div class="clearfix">
            <div style="display: flex; padding-left:24px;align-items: center;">
              <div >合同租赁开始前</div>
              <input type="text" v-model="rentConfigData" class="boxshadow" @blur="rentConfigSetting('before')" style="text-align: center;">
              <div >天显示</div>  
            </div>
          </div>
        </div>

        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">即将到期</span>
            <span class="pull-right hide-show-li cursor" @click="rentConfigEnd = !rentConfigEnd"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>					
        </ul>
        <div class="ptb-10" style="background:#f7f7f7;" v-if="rentConfigEnd">
          <div class="clearfix">
            <div style="display: flex; padding-left:24px;align-items: center;">
              <div >合同租赁到期前</div>
              <input type="text" v-model="rentConfigDataEnd" class="boxshadow" @blur="rentConfigSetting('end')" style="text-align: center;">
              <div >天显示</div>  
            </div>
          </div>
        </div>

      </div>
    </div>

  </div>
</section>

<style media="screen">
  .hl-checkbox-container .hl-checkbox-label{
    padding-left: 5px;
  }
  .hl-checkbox-container .item{
    margin: 0;
  }
  #config-complete{
    padding-bottom: 50px;
  }
	.hl-radio-container .hl-radio-label {
	  padding-left: 0;
	}
  #config-complete h3 {
   margin: 0;
   color: #666;
   font-weight: 600;
  }
  .sys-merchants {
   box-shadow: 0 0 8px rgba(204,213,221,.75);
  }
  .sys-merchants li {
   padding: 0 18px;
  }
  .sys-merchants li .hide-show-li {
   display: none;
  }
  .sys-merchants li:last-child {
   border-bottom: 0;
  }
  .sys-merchants li:hover .hide-show-li {
    display: block;
  }
  .sys-merchants li:hover {
    background-color: #f7f7f7;
  }
  .title {
    font-size: 14px;
    font-weight: 500;
    color: #929BA8;
    line-height: 45px;
  }
  .init-hover:hover .init-tips {
    display: block;
  }

  .init-tips {
    display: none;
    width: 310px;
    position: absolute;
    left: 141px;
    top: 39px;
    background: #fff;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .2));
    transform: translate(-50%, 0);
    padding:9px 8px 9px 12px; 
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
  }

  .init-tips:before {
    content: '';
    position: absolute;
    left: 21px;
    transform: translate(-50%, 0);
    top: -16px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
  }
  .boxshadow{
    width: 70px;
    height: 34px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 4px 0px rgba(214, 214, 214, 0.75) inset;
    border-radius: 4px;
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    text-indent: 5px;
  }
</style>

<script src="modules/system_config/scripts/config_complete.js" charset="utf-8"></script>
